@use './reset.css' as *;

body {
  min-width: 1300px;
}

#app {
  height: 100%;
  background: #fff;
}

.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 0.2s;
}

// vue transition
.v-fade-enter-active,
.v-fade-leave-active {
  transition: opacity 0.2s ease;
}
.v-fade-enter-from,
.v-fade-leave-to {
  opacity: 0;
}

body {
  .el-breadcrumb__inner.is-link,
  .el-breadcrumb__inner a {
    font-weight: normal;
  }
  .el-table {
    --el-table-header-bg-color: var(--el-fill-color-light);
    --el-table-header-text-color: var(--el-text-color-primary);
    thead th {
      font-weight: normal;
    }
  }
  .el-button:focus-visible {
    outline: none;
  }
}

// 列表页筛序条件
.app-filter {
  display: flex;
  flex-wrap: wrap;
  .el-form-item {
    margin-right: 32px;
    &:last-child {
      margin-right: 0;
    }
  }
  .el-input,
  .el-select {
    width: 190px;
  }
}
